<!DOCTYPE html> 
<html>
<head>
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

	<script src="swiper.js"></script>
	<script src="date-swiper.js"></script>
</head>
<body>

 <div data-role="page" data-theme="a" id="p">
 
      <div data-role="header" data-role="controlgroup">
        <h1>Date swiper teszt</h1>
      </div><!-- /header -->

      <div data-role="content">

			<div data-role="fieldcontain">
				<label for="szuletett">Született:</label>
				<input type="text" value="1911.11.11." data-role="date" name="szuletett" id="szuletett" data-theme='b'/>
			</div>

			<div data-role="fieldcontain">
				<label for="elhunyt">Elhunyt:</label>
				<input type="text" value="" data-role="date" name="elhunyt" id="elhunyt" data-format='Y-m-d' data-theme='b'/>
			</div>

	  </div>

  </div>

</body>
</html>